@charset "utf-8";
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
}
.web{
    width: 1280px;
    margin: 0 auto;
    .head{
        width: 1280px;
        height: 120px;
        background-color: white;
        .about{
            width: 322px;
            height: 30px;
            transform: translate(800px,10px);
            p{
                font-family: AdobeHeitiStd-Regular;
	            font-size: 12px;
	            line-height: 30px;
	            letter-spacing: 0px;
	            color: #b3b2b2;         
            }
        }
        img{
            transform: translate(150px,20px);
        }
        ul{
            width: 560px;
            height: 30px;
            display: flex;
            justify-self: start;
            justify-content: space-between;
            transform: translate(564px,-4px);
            li{
                a{
                    font-family: AdobeHeitiStd-Regular;
	                font-size: 14px;
	                line-height: 30px; 
                    color: #7a7878;
                }
            }
            li.active {
                position: relative;
                a{
                    color: #f64f5b;
                }
                &::after {
                  content: '';
                  width: 40px;
                  height: 20px;
                  border-bottom: 3px solid #1abc9c;
                  position: absolute;
                  top: 8px;
                  left: 52%;
                  transform: translateX(-50%);
                }
              }
        }
    }

    .foot{
        width: 1280px;
        height: 540px;
        margin: 0px auto;
        background-color: #38373d;
        position: relative;
        .foot-box{
            position: absolute;
            margin: 44px 165px 0;
            width: 950px;
            height: 310px;
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
        .code{
            width: 140px;
            height: 148px;
            position: relative;
            span{
                width: 134px;
                height: 14px;
                font-size: 12px;
                color: white;
                position: absolute;
                top: 128px;
                left: -6px;
                }
            }
            .contact{
                width: 350px;
                height: 144px;
                position: relative;
                p{
                    font-size: 16px;
                    color: white;
                }
                .phone{
                    position: absolute;
                    top: 34px;
                    left: 10px;
                }
                .email{
                    position: absolute;
                    top: 80px;
                    left: 10px;
                }
                .address{
                    position: absolute;
                    top: 118px;
                    left: 10px;
                }
                span{
                    position: absolute;
                    left: 46px;
                    display: inline-block;
                    width: 300px;
	                height: 14px;
                    font-size: 14px;
                    line-height: 20px;
                    color: white;
            }
            span:nth-child(5){
                margin-top: 10px;
            }
            span:nth-child(7){
                margin-top: 46px;
            }
            span:last-child{
                margin-top: 70px;
            }
        }
        .feedback{
            width: 390px;
            height: 280px;
            p{
                font-size: 16px;
                color: white;
            }
            .text{
                margin-top: 14px;
                width: 390px;
                height: 250px;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                input{
                    background-color: #5d6d7e;
	                border-radius: 5px;  
                    height: 40px;
                    border: none;
                    color: white;
                }
                input::placeholder{
                    color: white;
                }
                input:first-child{
                    width: 170px;          
                }
                input:nth-child(2){
                    width: 200px;
                }
                input:nth-child(3){
                    width: 390px;
                }
                input:last-child{
                    width: 390px;
                    height: 144px;
                }
            }
        }
        .bt{
            width: 100px;
            height: 30px;
            position: absolute;
            background-color: #3498db;
            color: white;
            font-size: 14px;
            text-align: center;
            line-height: 30px;
            border: none;
            right: 0;
            bottom: -30px;
            border-radius: 5px;
            cursor: pointer;
        }
    }
        .copyright{
            position: absolute;
            bottom: 0;
            width: 1280px;
            height: 120px;
            background-color: #2c3e50;
            .delta{
                position: absolute;
                width: 0;
                height: 0;
                border-style: solid;
                transform: translate(620px,-24px);
                border-width: 0px 20px 26px 20px;
                border-color: transparent transparent #2c3e50 transparent;
            }
            h3{
	            height: 16px;
                font-size: 14px;
                color: white;
                text-align: center;
                line-height: 120px;
            }
            p{
                margin-top: 60px;
	            height: 14px;
                font-size: 12px;
                color: white;
                text-align: center;
            }
        }
        }
    }
